<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        table {
            border-collapse: collapse;
            border-spacing: 0;
            width: 800px;
        }

        table tr td {
            border: 1px solid #ddd;
            padding: 10px 15px;
        }

        table tr td table tr td {
            border-top: none
        }
    </style>
</head>

<body>
    <!-- 9行5列 -->
    <!-- table>tr*9>td*5{内容} -->
    <table>
        <tr>
            <td>内容</td>
            <td>内容</td>
            <td>内容</td>
            <!-- 第一行、第二行第四个合并 -->
            <td rowspan="2">内容</td>
            <td rowspan="2">内容</td>
        </tr>
        <tr>
            <td>内容</td>
            <td>内容</td>
            <td>内容</td>
            <!-- <td>内容</td> -->
            <!-- <td>内容</td> -->
        </tr>
        <tr>
            <td>内容</td>
            <td>内容</td>
            <td>内容</td>
            <td rowspan="2">内容</td>
            <td rowspan="2">内容</td>
        </tr>
        <tr>
            <td>内容</td>
            <td>内容</td>
            <td>内容</td>
            <!-- <td>内容</td>
            <td>内容</td> -->
        </tr>
        <!-- 第五行 -->
        <tr>
            <td>内容</td>
            <td>内容</td>
            <td>内容</td>
            <td rowspan="2">内容</td>
            <td rowspan="2">内容</td>
        </tr>
        <tr>
            <td>内容</td>
            <td>内容</td>
            <td>内容</td>
            <!-- <td>内容</td>
            <td>内容</td> -->
        </tr>
        <tr>
            <td>内容</td>
            <td>内容</td>
            <td>内容</td>
            <td>内容</td>
            <td>内容</td>
        </tr>
        <tr>
            <td colspan="5">内容</td>
            <!-- <td>内容</td>
            <td>内容</td>
            <td>内容</td>
            <td>内容</td> -->
        </tr>
        <!-- 最后一行 -->
        <tr>
            <td colspan="5" style="border: none; padding: 0;">
                <!-- 嵌套table -->
                <!-- table>tr>td*6{新内容} -->
                <table>
                    <tr>
                        <td>新内容</td>
                        <td>新内容</td>
                        <td>新内容</td>
                        <td>新内容</td>
                        <td>新内容</td>
                        <td>新内容</td>
                    </tr>
                </table>
            </td>
            <!-- <td>内容</td>
            <td>内容</td>
            <td>内容</td>
            <td>内容</td> -->
        </tr>
    </table>
</body>

</html>